


import React, { useEffect } from 'react'
import { Row, Col, Typography } from 'antd';
import "../../../style/information.scss"
import { EditFilled ,CompassFilled,PhoneFilled,WechatFilled,FacebookFilled,LinkedinFilled} from "@ant-design/icons"
import { useLocation } from 'react-router-dom';
const { Title, Paragraph } = Typography;

const Index = () => {
    
   useEffect(()=>{

    return ()=>{
        console.log("退出");
        
    }
   },[])
    return (
        <div >
            <Row style={{ width: "95%", margin: "auto", minWidth: 950 }}>
                <Col span={18}>
                    <div className='information-main'>
                        <div className='information-content'>
                            <div className='information-img'>
                                <img src='https://gimg2.baidu.com/image_search/src=http%3A%2F%2Finews.gtimg.com%2Fnewsapp_bt%2F0%2F13206913644%2F1000.jpg&refer=http%3A%2F%2Finews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651219775&t=32bffecc0cab137bdde8114d6e413b81' />
                            </div>
                            <div className='information-name'>
                                <Title level={2}>ONLY · 易涛</Title>
                                <p>ONLY （世界知名服装品牌） 武汉区 行政总裁</p>
                                <p>湖北武汉</p>
                            </div>
                            <div className='information-compile'>
                                <EditFilled style={{ marginRight: 10 }} />
                                编辑资料
                            </div>
                        </div>
                    </div>
                    <div className='information-signature'>
                        <p className='title'>关于我</p>
                        <Paragraph  style={{fontSize:17}}  copyable={true}>
                            每个人都可能会碰到特别难熬的阶段，或长或短，让你感到绝望，看不到光。可是，沉溺于抱怨、苦恼是没有用的，难过痛苦更加无济于事，倒不如收拾收拾心情，抖擞抖擞精神，昂首挺胸去面对，也许一切就会柳暗花明。
                        </Paragraph>
                    </div>
                </Col>
                <Col span={6}>
                    <div className='place'>
                     <p className='title'>地点</p>

                     <p><CompassFilled />  ONLY总部</p>
                     
                    </div>

                    <div className='contact'>
                     <p className='title'>联系我</p>

                     <p><PhoneFilled />  15666633749</p>
                     <p><WechatFilled />  YxCt202006</p>
                     <p><FacebookFilled /> Facebook</p>
                     <p><LinkedinFilled /> LinkedIn</p>
                    </div>

                </Col>
            </Row>
        </div>
    )
}

export default Index